<!--
  Generated template for the UniversalAccountDetailPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

    <ion-toolbar content-page class="fir-toolbar">
        <ion-buttons start>
            <button ion-button icon-only (click)="goBack()">
                <i class="toolbar-back"></i>
            </button>
        </ion-buttons>
        <ion-title>
            万能账户明细
        </ion-title>
    </ion-toolbar>

</ion-header>

<ion-content>
    <ion-list>
        <ion-list-header>
            <span class="first">投资账户单位数详情</span>
            <img *ngIf="universalAccountGroup.accountList" [groupShowOrHide]="group1"
                 src="./assets/images/policy/arrow-up.png" alt="">
        </ion-list-header>
        <div #group1>
            <ion-card *ngFor="let account of universalAccountGroup.accountList">
                <ion-card-header>
                    <span class="first-info">投资账户名称：</span>
                    <span>
                        {{account.accountName?account.accountName:'-'}}
                    </span>
                </ion-card-header>
                <ion-item class="list-info">
                    <span class="first-info">投资账户结余单位数</span>
                    <span>
                        {{account.closeBalance?account.closeBalance:'-'}}
                    </span>
                </ion-item>
            </ion-card>
            <!--<div-->
                <!--*ngIf="(!universalAccountGroup.accountList || universalAccountGroup.accountList.length === 0) && isLoaded"-->
                <!--class="no-data">-->
                <!--<div class="no-data-img"><img src="./assets/images/common/icon_nodata.png"></div>-->
                <!--<div class="no-data-txt">没有相关数据</div>-->
            <!--</div>-->
        </div>
    </ion-list>
    <div class="head" *ngIf="displayInd != 'N'">
        <ion-list-header>
            <span class="first">万能当前可追加限额</span>
            <!--<span class="first-info">{{rulUniversallimitAmount?('￥'+rulUniversallimitAmount):'-'}}</span>-->
            <span class="first-info">{{computedAmountDisplay}}</span>
        </ion-list-header>
    </div>
    <ion-list>
        <ion-list-header>
            <span class="first">累计领取投资金额详情</span>
            <img *ngIf="universalAccountGroup.trxnList" [groupShowOrHide]="group2"
                 src="./assets/images/policy/arrow-up.png" alt="">
        </ion-list-header>
        <div #group2>
            <ion-card *ngFor="let trxn of universalAccountGroup.trxnList">
                <ion-card-header>
                    <span class="first-info">投资账户名称：</span>
                    <span>
                        {{trxn.accountName?trxn.accountName:'-'}}
                    </span>
                </ion-card-header>
                <ion-item class="list-info">
                    <span class="first-info">交易日期</span>
                    <span>
                        {{trxn.trxnDate*1000|myDate:'YYYY/MM/DD'}}
                    </span>
                </ion-item>
                <ion-item class="list-info">
                    <span class="first-info">领取投资单位数</span>
                    <span>
                        {{trxn.withdrawBalance?trxn.withdrawBalance:'-'}}
                    </span>
                </ion-item>
                <ion-item class="list-info">
                    <span class="first-info">费用扣除</span>
                    <span>
                        {{trxn.chargeAmount?trxn.chargeAmount:'-'}}
                    </span>
                </ion-item>
                <ion-item class="list-info">
                    <span class="first-info">领取投资金额</span>
                    <span>
                        {{trxn.withdrawAmount?trxn.withdrawAmount:'-'}}
                    </span>
                </ion-item>
                <ion-item class="list-info">
                    <span class="first-info">交易价格</span>
                    <span>
                        {{trxn.trxnPrice?trxn.trxnPrice:'-'}}
                    </span>
                </ion-item>
            </ion-card>
            <!--<div *ngIf="(!universalAccountGroup.trxnList || universalAccountGroup.trxnList.length === 0) && isLoaded"-->
                 <!--class="no-data">-->
                <!--<div class="no-data-img"><img src="./assets/images/common/icon_nodata.png"></div>-->
                <!--<div class="no-data-txt">没有相关数据</div>-->
            <!--</div>-->
        </div>

    </ion-list>

</ion-content>
